<script setup>
import { ref } from 'vue'
import { Plus } from '@element-plus/icons-vue'
</script>
<template>
	<div class="customer-detail-statistic">
		<div class="empty-box">
			<img
				class="empty-img"
				src="../../../../../assets/img/img/list-empty.499dbb25961c.png"
				style="width: 136px"
				alt=""
			/>
			<div class="empty-description">当前客户暂无订单~</div>
			<div style="margin-top: 16px">
				<el-button style="width: 108px; height: 36px; border-radius: 2px" type="primary" :icon="Plus"
					>新增订单</el-button
				>
			</div>
		</div>
	</div>
</template>
<style lang="scss" scoped>
.customer-detail-statistic {
	position: relative;
	width: 100%;
	height: 392px;
	padding: 0 24px;
	.empty-box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		.empty-description {
			margin-top: 16px;
			font-size: 14px;
			color: #000000a6;
		}
	}
}
</style>
